<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>套餐管理</title>
    <style>

        th, td {
            border-bottom: 1px #C0C0C0 solid;
            height: 40px;
            font-family: 楷体;
            width: 200px;
            text-align: center;
        }

        td input[type] {
            width: 80px;
            height: 30px;
        }

        th {
            background-color: #DEE3E6;
        }

        td {
            background-color: #F5F5F5;
        }

        td img {
            width: 50px;
            height: 50px;
        }
    </style>
    <script src="../../js/vue.js"></script>
</head>
<body>
<div id="app">
    <h1>套餐管理</h1>
    <table border="1px" width="80%" cellspacing="0px">
        <tbody>
        <tr>
            <th>序号</th>
            <th>套餐编码</th>
            <th>套餐名称</th>
            <th>适用性别</th>
            <th>适用年龄</th>
            <th>助记码</th>
            <th>说明</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>1</td>
            <td>
                0001
            </td>
            <td> 入职无忧体检套餐（男女通用）</td>
            <td><span> 不限</span></td>
            <td> 18-60</td>
            <td> RZTJ</td>
            <td> 入职体检套餐</td>
            <td><input type="button" value="修改"> <input type="button" value="删除"></td>
        </tr>
        <tr>
            <td>2</td>
            <td>
                0002
            </td>
            <td> 粉红珍爱(女)升级TM12项筛查体检套餐</td>
            <td><span> 女</span></td>
            <td> 18-60</td>
            <td> FHZA</td>
            <td>
                本套餐针对宫颈(TCT检查、HPV乳头瘤病毒筛查）、乳腺（彩超，癌抗125），甲状腺（彩超，甲功验血）以及胸片，血常规肝功等有全面检查，非常适合女性全面疾病筛查使用。
            </td>
            <td><input type="button" value="修改"> <input type="button" value="删除"></td>
        </tr>
        <tr>
            <td>3</td>
            <td>
                0003
            </td>
            <td> 阳光爸妈升级肿瘤12项筛查（男女单人）体检套餐</td>
            <td><span> 不限</span></td>
            <td> 55-100</td>
            <td> YGBM</td>
            <td> 本套餐主要针对常见肿瘤筛查，肝肾、颈动脉、脑血栓、颅内血流筛查，以及风湿、颈椎、骨密度检查</td>
            <td><input type="button" value="修改"> <input type="button" value="删除"></td>
        </tr>
        <tr>
            <td>4</td>
            <td>
                0004
            </td>
            <td> 珍爱高端升级肿瘤12项筛查（男女单人）</td>
            <td><span> 不限</span></td>
            <td> 14-20</td>
            <td> ZAGD</td>
            <td>
                本套餐是一款针对生化五项检查，心，肝，胆，胃，甲状腺，颈椎，肺功能，脑部检查（经颅多普勒）以及癌症筛查，适合大众人群体检的套餐
            </td>
            <td><input type="button" value="修改"> <input type="button" value="删除"></td>
        </tr>
        <tr>
            <td>5</td>
            <td>
                005
            </td>
            <td> 大爱无疆</td>
            <td><span> 不限</span></td>
            <td> 18-60</td>
            <td> ZAGD</td>
            <td>
                本套餐是一款针对生化五项检查，心，肝，胆，胃，甲状腺，颈椎，肺功能，脑部检查（经颅多普勒）以及癌症筛查，适合大众人群体检的套餐
            </td>
            <td><input type="button" value="修改"> <input type="button" value="删除"></td>
        </tr>
        </tbody>
    </table>
</div>

<script>

    new Vue({
        el: "#app",
        data: {

            dataList: [
                {
                    "age": "18-60",
                    "code": "0001",
                    "helpCode": "RZTJ",
                    "img": "11ef1159-246e-453d-b260-37f68ca6c1d12.jpg",
                    "name": "入职无忧体检套餐（男女通用）",
                    "price": 300.0,
                    "remark": "入职体检套餐",
                    "sex": "0"
                },
                {
                    "age": "18-60",
                    "code": "0002",
                    "helpCode": "FHZA",
                    "img": "11ef1159-246e-453d-b260-37f68ca6c1d12.jpg",
                    "name": "粉红珍爱(女)升级TM12项筛查体检套餐",
                    "price": 1200.0,
                    "remark": "本套餐针对宫颈(TCT检查、HPV乳头瘤病毒筛查）、乳腺（彩超，癌抗125），甲状腺（彩超，甲功验血）以及胸片，血常规肝功等有全面检查，非常适合女性全面疾病筛查使用。",
                    "sex": "2"
                },
                {
                    "age": "55-100",
                    "code": "0003",
                    "helpCode": "YGBM",
                    "img": "11ef1159-246e-453d-b260-37f68ca6c1d12.jpg",
                    "name": "阳光爸妈升级肿瘤12项筛查（男女单人）体检套餐",
                    "price": 1400.0,
                    "remark": "本套餐主要针对常见肿瘤筛查，肝肾、颈动脉、脑血栓、颅内血流筛查，以及风湿、颈椎、骨密度检查",
                    "sex": "0"
                },
                {
                    "age": "14-20",
                    "code": "0004",
                    "helpCode": "ZAGD",
                    "img": "11ef1159-246e-453d-b260-37f68ca6c1d12.jpg",
                    "name": "珍爱高端升级肿瘤12项筛查（男女单人）",
                    "price": 2400.0,
                    "remark": "本套餐是一款针对生化五项检查，心，肝，胆，胃，甲状腺，颈椎，肺功能，脑部检查（经颅多普勒）以及癌症筛查，适合大众人群体检的套餐",
                    "sex": "0"
                },
                {
                    "age": "18-60",
                    "code": "005",
                    "helpCode": "ZAGD",
                    "img": "11ef1159-246e-453d-b260-37f68ca6c1d12.jpg",
                    "name": "大爱无疆",
                    "price": 300.0,
                    "remark": "本套餐是一款针对生化五项检查，心，肝，胆，胃，甲状腺，颈椎，肺功能，脑部检查（经颅多普勒）以及癌症筛查，适合大众人群体检的套餐",
                    "sex": "0"
                }
            ]
        }

    })

</script>

</body>
</html>